<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>华迅直购</title>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/entrance/home.css"/>
    <link rel="stylesheet" type="text/css" href="css/address/address.css"/>
    <link rel="stylesheet" type="text/css" href="css/app.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/base/vue-filter.js"></script>

    <script type="text/javascript" src="js/base/magiclamp.js?ver=2.0.3" charset="utf-8"></script>


    <script type="text/javascript" src="js/set_friends_step.js" charset="utf-8"></script>
</head>
<body>
<div id="address_modefy">
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn"><i
                class="iconfont icon-fanhui"></i></a>
        <h1 class="h-title">设置 </h1>
    </header>
    <div id="root" class="center default-page" style="overflow-y: scroll;">
        <div class="default-page-D">
            <div class="default-page-D-left">朋友圈选择层级</div>
            <div class="default-page-D-middle"></div>
            <div class="default-page-D-right">
                <span class="reg-count">
                    <span class="count-minus" @click="ceng_jian()">
                        <i class="iconfont icon-jian"></i>
                    </span>
                    <span class="count-sum" id="count-sum">{{ceng}}</span>
                    <span class="count-plus"  @click="ceng_jia()">
                        <i class="iconfont icon-jia"></i>
                    </span>
                </span>
            </div>
        </div>
        <div v-for="(user_list, index) in user_group_list" style="padding: 1rem;">

            <div style="padding: 0.4rem;display: flex; flex-flow: row wrap; align-content: flex-start;" >

                <img :src="user.icon_url" style="width: 4rem;height: 4rem;margin: 0.2rem;" v-for="user in user_list"  >
            </div>
        </div>

    </div>

</div>
</body>
</html>